<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/23
  Time: 19:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<meta charset="UTF-8">
<title>乐队演出售票系统</title>

<script src="${pageContext.request.contextPath}/js/jquery-2.1.0.js"
	type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<style type="text/css">
* {
	margin: 0px;
}

#tou * {
	display: inline-block;
	vertical-align: middle;
	color: white;
}

#ul {
	border-top: 1px solid dodgerblue;
}

#ul ul {
	list-style-type: none;
	text-align: left;
}

#ul ul li {
	margin-top: 10px;
}

#ul ul li:hover {
	cursor: pointer;
	color: deepskyblue;
}

a:link {
	text-decoration: none;
	/* 指正常的未被访问过的链接*/
}

a:visited {
	text-decoration: none;
	color: black;
	/*指已经访问过的链接*/
}

a:hover {
	text-decoration: none;
	/*指鼠标在链接*/
}

a:active {
	text-decoration: none;
	/* 指正在点的链接*/
}

a {
	color: black;
}

.xx {
	color: royalblue;
}

.ff {
	color: royalblue;
}
</style>
<script type="text/javascript">
        $(function() {
            setInterval(function() {
                var win = $(window).height() - $("#shou").height() - $("#x").height() - 1;
                $("#lan").height(win);
                var fff = $(window).width() - $("#x").width() - 2;
                $("#w").width(fff);
                $("#f").width(fff - 1);
                $("#f").height(win - 2);
                $("#iframe").width(fff - 10);
                $("#iframe").height(win - 12);
                //时间
                var mydate = new Date();
                var year = mydate.getFullYear()
                var month = mydate.getMonth() + 1;
                var data = mydate.getDate();
                var h = mydate.getHours(); //获取当前小时数(0-23)
                var m = mydate.getMinutes(); //获取当前分钟数(0-59)
                var s = mydate.getSeconds(); //获取当前秒数(0-59)
                var cg = year + "/" + month + "/" + data + "     " + h + ":" + m + ":" + s;
                $("#cg").html(cg)

            }, 1000)

            $("a").click(function() {
                $("#ul ul li").removeClass("xx");
                $(this).parent().parent().addClass("xx");
            })

            $("li a").click(function(){
                $("#xxx").text($(this).text())
            })

            $("#tui").click(function () {
                $.ajax({
                    type: "post",
                    url: "tuichu",
                    data: {},
                    success: function(data) {
                        window.location.reload();
                    },
                    error: function() {
                        alert("服务器异常")
                    }

                });
            })



        })
    </script>
<script type="text/javascript">
    </script>
</head>

<body>
	<div class="container-fluid" id="shou" style="background: #9eb4c7;">
		<div style="padding: 10px;" id="tou">
			<img src="${pageContext.request.contextPath}${admin.imgUrl}"
				class="img-circle" width="80px" />
			<h4>管理员:${admin.adminName}</h4>
			<button id="tuichu" class="btn btn-danger" data-toggle="modal"
				data-target="#myModal" style="margin-left: 20px;">
				<span class=" glyphicon glyphicon-off"
					style="font-size: 14px; margin-right: 5px;"></span><span>退出登录</span>
			</button>
			<span style="margin-left: 20px;" id="cg"></span>
		</div>
	</div>
	<!-- 是否退出登录 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×</button>
					<h4 class="modal-title" id="myModalLabel"
						style="text-align: center;">是否退出乐队演出售票系统</h4>
				</div>
				<div class="modal-footer" style="text-align: center;">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="tui" type="button" class="btn btn-danger">退出登录</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<div class="container-fluid">
		<div class="row">
			<!--菜单-->
			<div class="col-md-2 text-center" style="margin-right: -15px;">
				<div id="x"
					style="background: #9eb4c7; width: 100%; height: 40px; margin-top: -10px; margin-left: -15px; margin-bottom: 10px;">
					<h4 style="line-height: 40px;">
						<span class="glyphicon glyphicon-th-list"
							style="font-size: 14px; margin-right: 5px;"></span><span>菜单列表</span>
					</h4>
				</div>
				<div id="lan"
					style="background: aliceblue; width: 100%; margin-left: -15px; margin-top: -10px;">
					<div style="padding-top: 5px; border-top: 1px solid dodgerblue">
						<h5>
							<span class="glyphicon glyphicon-user"
								style="font-size: 14px; margin-right: 5px;"></span><span>基础操作</span>
						</h5>
					</div>
					<div id="ul">
						<ul>
							<li><span class="glyphicon glyphicon-play"
								style="margin-right: 5px;"></span><span><a
									href="type?page=1" target="mainFrame">演出类别管理</a></span></li>
							<li><span class="glyphicon glyphicon-play"
								style="margin-right: 5px;"></span><span><a
									href="isfilm?page=1" target="mainFrame">演出信息管理</a></span></li>
							<li><span class="glyphicon glyphicon-play"
								style="margin-right: 5px;"></span><span><a
									href="room?page=1" target="mainFrame">放映大厅管理</a></span></li>
						</ul>
					</div>

				</div>
			</div>

			<div class="col-md-10">
				<div id="w"
					style="background: aliceblue; width: 100%; height: 40px; border: 1px solid dodgerblue; margin-left: -30px; border-bottom: 0px;">
					<p
						style="line-height: 40px; margin-left: 40px; margin-bottom: 0px;">
						<a href="home" target="mainFrame"><span
							class="glyphicon glyphicon-home"></span> <strong>首页</strong></a> <strong
							style="margin-left: 10px; margin-right: 10px; color: #e0bebe;">/</strong>
						<strong id="xxx" style="color: black;"><span>网站信息</span></strong>
						<strong
							style="margin-left: 10px; margin-right: 10px; color: #e0bebe;">/</strong>
						<strong style="color: #988787;">当前语言:</strong><strong
							style="color: red;">简体中文</strong>
					</p>
					<div
						style="margin: 0px; border: 1px solid dodgerblue; background: white;"
						id="f">
						<iframe id="iframe" name="mainFrame" scrolling="no"
							noresize="noresize" src="home" frameborder="no" />
					</div>
				</div>
			</div>

		</div>

	</div>
</body>

</html>
